<template>
  <div id="app">
    <m-header :scrollTop = "scrollTop"></m-header>
    <div class="section">
      <tips-section></tips-section>
    </div>
    <div class="footer">
      <m-footer></m-footer>
    </div>
  </div>
</template>
<script>
import mHeader from '../../components/common/mHeader.vue'
import tipsSection from '../../components/tips/tipsSection.vue'
import mFooter from '../../components/common/mFooter.vue'
  export default {
    components:{
      mHeader,
      tipsSection,
      mFooter
    },
    data(){
      return{
        scrollTop:0
      }
    },
    mounted(){
      window.addEventListener("scroll",()=>{
        this.scrollTop = document.documentElement.scrollTop || document.body.scrollTop
      })
    }
  }
</script>
<style>

</style>